@charset "utf-8";

/*layout*/
.wrapper {position:relative; padding:0 20px; width:960px;}
.wrap {position:relative; padding-left:240px; margin-top:-1px; overflow:hidden; border-left:1px solid #d1d1d1;  border-right:1px solid #d1d1d1;}
.wrap_left {position:fixed; left:0; top:94px; overflow:hidden; padding-left:20px; background:url("../img/bg_body.png") repeat 0 0; z-index:12;}
.bodyborder {position:relative; display:block; height:40px; background:url('/img/bg_body_bottom.png') repeat-x left top; z-index:12; border-top:1px solid #d1d1d1;}
.sub_header {left:0; top:0; background:url("../img/bg_body.png") repeat 0 0; z-index:12;}

/*nav depth02*/
.wrap_col1 {position:relative; float:left; height:1000px; border-left:1px solid #d1d1d1; background:url('/img/bg_lnb_line.png') repeat-y #eaeaea;}
.wrap_col1 .nav_d2 > li {position:relative; padding-left:76px;}
.wrap_col1 .nav_d2 > li a {position:absolute; left:0; width:76px; height:85px; display:block; color:#555; font-weight:bold; border:1px solid transparent; border-left:none; border-right:none;overflow:hidden; margin-bottom:1px; text-align:center;z-index:11; }
.wrap_col1 .nav_d2 > li a span {position:absolute; display:block; bottom:18px; width:100%;}

.wrap_col1 .nav_d2 .login a {background:url('/img/lnb_member1.png') center top no-repeat; top:0;}
.wrap_col1 .nav_d2 .join  a{background:url('/img/lnb_member2.png') center top no-repeat; top:85px;}
.wrap_col1 .nav_d2 .find_id a {background:url('/img/lnb_member3.png') center top no-repeat; top:170px; height:100px;}
.wrap_col1 .nav_d2 .find_pw a {background:url('/img/lnb_member4.png') center top no-repeat; top:270px; height:100px;}
.wrap_col1 .nav_d2 .personal a {background:url('/img/lnb_member5.png') center top no-repeat; top:0;}
.wrap_col1 .nav_d2 .sub_id a {background:url('/img/lnb_member6.png') center top no-repeat; top:85px; height:100px;}
.wrap_col1 .nav_d2 .change a {background:url('/img/lnb_member7.png') center top no-repeat; top:185px;}
.wrap_col1 .nav_d2 .secede a {background:url('/img/lnb_member8.png') center top no-repeat; top:270px;}

.wrap_col1 .nav_d2 .commodity > a {background:url('/img/lnb_app1.png') center top no-repeat; top:0;}
.wrap_col1 .nav_d2 .calculate > a {background:url('/img/lnb_app2.png') center top no-repeat; top:85px;}
.wrap_col1 .nav_d2 .control > a {background:url('/img/lnb_app3.png') center top no-repeat; top:170px;}
.wrap_col1 .nav_d2 .promotion > a{background:url('/img/lnb_app4.png') center top no-repeat; top:255px;}
.wrap_col1 .nav_d2 .security > a {background:url('/img/lnb_app5.png') center top no-repeat; top:340px}
.wrap_col1 .nav_d2 .remote > a {background:url('/img/lnb_app6.png') center top no-repeat; top:425px}

.wrap_col1 .nav_d2 .reperence > a {background:url('/img/lnb_support1.png') center top no-repeat; height:100px; top:0;}
.wrap_col1 .nav_d2 .intelligence >  a{background:url('/img/lnb_support2.png') center top no-repeat; height:100px; top:100px;}
.wrap_col1 .nav_d2 .news > a {background:url('/img/lnb_support3.png') center top no-repeat; top:200px;}
.wrap_col1 .nav_d2 .help > a {background:url('/img/lnb_support4.png') center top no-repeat; top:285px;}
.wrap_col1 .nav_d2 > .on a {border-top:1px solid #c9c9c9; border-bottom:1px solid #d9d8d8; background-position:center 100%; background-color:#fafafa; z-index:2;}
.wrap_col1 .nav_d2 > .on:first-child a {border-top:none;}
.wrap_col1 .nav_d2 > .on a span {border-bottom:1px solid #c9c9c9; bottom:0; font-size:0; line-height:0; margin-right:-1px;}


/*nav depth03*/
.wrap_col2 {position:relative; z-index:0; width:163px; float:left; border-left:1px solid #d1d1d1; border-right:1px solid #eceaea; background:#fbfbfb; height:10000px; display:none; margin-left:-1px}
.wrap_col2.on {display:block}
.wrap_col2 h2 {margin:0 20px; padding-top:55px; background:url('/img/bg_col2banner.png') repeat-x left bottom; color:#333; font-weight:bold; font-size:14px; height:33px; margin-bottom:15px;}
/*.wrap_col2 .nav_d3 {height:350px;}*/
.wrap_col2 .nav_d3 li a {position:static; display:block; width:auto; height:auto; border:none !important; text-indent:0;  color:#555; padding:11px 37px 10px 20px !important; background:url('/img/bul_list.png') no-repeat 127px center !important; overflow:hidden; font-weight:bold; line-height:normal; text-align:left }
.wrap_col2 .nav_d3 li.on a {color:#d02706; font-weight:bold; background-image:url('/img/bul_list_on.png') !important;}

.wrap_col2 .apps_first h2 {font-size:12px;}
.wrap_col2 .apps_first .nav_d3_apps {margin:0 20px;}
.wrap_col2 .apps_first .nav_d3_apps li {position:relative; background:url('/img/ico_dot04_666.png') no-repeat 0 10px; padding:6px 45px 6px 8px;}
.wrap_col2 .apps_first .nav_d3_apps li em {position:absolute; top:6px; right:0; font-weight:bold;}
.wrap_col2 .sub_tit {font-weight:bold; color:#333; margin:55px 20px 10px;}

.wrap_col1 ul.lnb_banner {position:absolute; top:470px; left:85px; margin:0 10px; border-top:1px solid #e7e7e7;}
.wrap_col1 ul.lnb_banner li {background:url('/img/bg_col2banner.png') repeat-x left bottom;}
.wrap_col1 ul.lnb_banner li:first-child {border-top:1px solid #fff;}
.wrap_col1 ul.lnb_banner li a {padding:14px 0 10px; display:block; text-align:center;}
.wrap_col1 ul.lnb_banner li.banner01 a{background-position:0 0;}
.wrap_col1 ul.lnb_banner li.banner02 a{background-position:0 -75px;}
.wrap_col1 ul.lnb_banner li.banner03 a{background-position:0 -150px;}

.wrap_col3 {padding:0 0 60px 0; background:#fff; margin:94px 0 0 0px; min-height:650px;}

/*row1*/
section.sub_infor {position:fixed; z-index:13; padding-top:15px; top:94px; background:#fff; height:72px}
section.sub_infor .locaction {text-align:right; padding:0 20px 2px 0;}
section.sub_infor .locaction ul{display:inline-block;}
section.sub_infor .locaction ul li {float:left; font-size:11px;}
section.sub_infor .locaction ul li a {color:#888; padding:0 15px 0 10px; background:url('/img/icon_right.png') no-repeat 100% 1px;}
section.sub_infor .locaction ul li a img {vertical-align:top; margin-top:-1px;}
section.sub_infor .locaction ul li strong {padding-left:6px;}

section.sub_infor .subject {position:relative; zoom:1; padding:0 25px 0 25px; border-bottom:1px solid #e9e9e9;}
section.sub_infor .subject:after {content:""; clear:both; width:100%; display:block; }
section.sub_infor .subject h1 {float:left; font-size:16px; color:#333; line-height:1.1; margin:18px 0 18px;}
section.sub_infor .subject .btn_sub {float:left; margin:10px 0 0 10px;}
section.sub_infor .subject .right {float:right; margin:10px 0 0 10px;}
section.sub_infor .subject .btn_sub span.save {position:absolute;top:0; right:25px;}

/*section.sub_infor .subject .btn_sub span.save {position:absolute;top:0; right:25px;}*/

section.sub_infor .subject dl.detail_infor{position:relative; padding:10px 0 3px 52px; min-height:42px; float:left; }
section.sub_infor .subject dl.detail_infor dt {font-size:16px; color:#333; font-weight:bold;}
section.sub_infor .subject dl.detail_infor dd.txt {font-weight:bold; margin-top:5px;}
section.sub_infor .subject dl.detail_infor dd.img {position:absolute; border:1px solid #c5c5c5; bottom:7px; left:0; width:40px; height:40px;}

section.sub_infor_title {position:fixed; z-index:12; top:182px; zoom:1; padding-top:20px; border-bottom:1px solid #e9e9e9; background:#fff;}
section.sub_infor_title:after {content:""; clear:both; width:100%; display:block; }
section.sub_infor_title h1 {float:left; font-size:14px; color:#333; line-height:1.1; margin-bottom:17px; padding-left:25px;}
section.sub_infor_title .btn_sub {float:left; margin:-9px 0 0 10px;}
section.sub_infor_title .right {float:right; margin:-9px 0 0 10px; padding-right:25px;}

/*row2*/
section.content {padding:20px 25px;}

/*footer*/
.footer {border:none; border-top:1px solid #d1d1d1;}
.footer address {border-bottom:none;}


/*tab*/
div.tab_wrap {position:relative; line-height:1.1;}
div.tab_wrap p.detail {position:absolute; top:22px; right:0; font-size:11px;}
div.tab_wrap p.detail em {color:#dc0000;}
p.form_tb_detail {text-align:right; font-size:11px; margin-bottom:10px;}
ul.tab_infor {overflow:hidden; margin-bottom:11px;}
ul.tab_infor li{float:left; border-bottom:1px solid #fff; margin-right:-1px;}
ul.tab_infor li:first-child {margin-right:-1px;}
ul.tab_infor li a {display:block; padding:12px 30px 11px 30px; min-width:90px; background:url("../img/bg_tab.png") repeat-x 0 0; text-align:center; border:1px solid #e3e3e3; color:#666; font-weight:bold;}
ul.tab_infor li.on {position:relative; z-index:2; border-color:#eee;}
ul.tab_infor li.on a{border-color:#d7d7d7; color:#9f0004; background-position:0 100%;}
ul.tab_infor li.inert {display:block; padding:12px 30px 11px 30px; min-width:90px; background:url("../img/bg_tab.png") repeat-x 0 0; text-align:center; border:1px solid #f1f1f1; color:#b8b8b8; font-weight:bold;}  

/*tab_두줄이상*/
div.tab_wrap.multi {margin-bottom:-5px;}
div.tab_wrap.multi li{width:25%; margin-bottom:5px;}

/*tab_2*/
ul.tab_infor2 {overflow:hidden;}
ul.tab_infor2 li{float:left; border-bottom:1px solid #fff;}
ul.tab_infor2 li a {display:block; margin-left:-1px; padding:0 21px 0 22px; height:27px; line-height:27px; background:url("../img/bg_tab2.png") repeat-x 0 -28px; text-align:center; border:1px solid #d2d2d2; color:#666;}
ul.tab_infor2 li:first-child a {margin-left:0;}
ul.tab_infor2 li.on {position:relative; z-index:2; border-color:#eee;}
ul.tab_infor2 li.on a{color:#333; background-position:0 0; cursor:default;}

/*tab_3*/
ul.tab_infor3 {overflow:hidden;}
ul.tab_infor3 li{float:left; padding-bottom:1px;}
ul.tab_infor3 li a {display:block; padding:0 21px 0 22px; height:28px; line-height:30px; background:url("../img/bg_tab3.png") repeat-x 0 100%; text-align:center; border:1px solid #d2d2d2; color:#666;
	box-shadow:0 1px #eeeeee; -moz-box-shadow:0 1px #eeeeee; -webkit-box-shadow:0 1px #eeeeee;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=-180, Color='#eeeeee');}
ul.tab_infor3 li.on {position:relative; z-index:2;}
ul.tab_infor3 li.on a{color:#333; background-position:0 0; cursor:default;
	box-shadow:0 1px #ffffff; -moz-box-shadow:0 1px #ffffff; -webkit-box-shadow:0 1px #ffffff;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=-180, Color='#ffffff');}
div.tab_wrap3 ul li{width:20%;}
div.tab_wrap3 ul li a{margin-left:10px;}
div.tab_wrap3 ul li:first-child a{margin-left:0;}



.box_basic {border:1px solid #dcdcdc; border-bottom:1px solid #e4e3e3;	
	background:url('/img/bg_bg_dadada.png') repeat-x left bottom #fbfbfb; padding:13px 20px 11px;
	box-shadow: 0 1px #e4e3e3;
	-moz-box-shadow: 0 1px #e4e3e3;
	-webkit-box-shadow: 0 1px #e4e3e3;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=-180, Color='#e4e3e3');}